// 富文本编辑器
// 创建编辑器函数，创建工具栏函数
const {createEditor, createToolbar} = window.wangEditor

const editorConfig = {
    placeholder: '发布文章的内容...',
    onChange(editor) {
        const html = editor.getHtml()
        console.log('editor content', html)
        // 也可以同步到 <textarea> 为了后续收集表单数据做铺垫
        document.querySelector('.publish-content').value = html
    }
}

const editor = createEditor({
    selector: '#editor-container',
    // 默认内容
    html: '<p><br></p>',
    // 配置项
    config: editorConfig,
    // default全部功能，simple为简洁模式
    mode: 'default', // or 'simple'
})

// 工具栏配置对象
const toolbarConfig = {}

// 创建工具栏
const toolbar = createToolbar({
    // 为指定编辑器创建工具栏
    editor,
    // 工具栏的创建位置
    selector: '#toolbar-container',
    // 工具栏配置对象
    config: toolbarConfig,
    // default全部功能，simple为简洁模式
    mode: 'default', // or 'simple'
})